@charset "UTF-8";
.contain .login-box {
    width: 300px;
    padding: 10px 20px;
    margin: 50px 0 0 calc(70% - 170px);
    border-radius: 5px;
    position: relative;
    animation: SLIDE_DOWN 1s ease-out;
    z-index: 1;
}

.contain .login-box .title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto 20px auto;
}

.contain .login-box .login-form,
.contain .login-box .title {
    width: 264px;
}

.contain .login-box .login-form {
    margin: 0 auto;
}

.contain .login-box .login-form input {
    height: 30px;
}

.contain .login-box .login-form button {
    padding: 0 6px;
    margin-top: 20px;
}

@keyframes SLIDE_DOWN {
    from {
        top: -330px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}